home *** CD-ROM | disk | FTP | other *** search
/ PC World Komputer 2007 December / PCWKCD1207B.iso / Blogowanie poza sfera / Flock 0.9.1.3 stable / flock-0.9.1.3.en-US.win32.exe / flock / chrome / classic.jar / skin / classic / global / tree.css < prev    next >
Cascading Style Sheet File  |  2007-05-17  |  9KB  |  326 lines
  1. /* ***** BEGIN LICENSE BLOCK *****
  2.  * Version: MPL 1.1/GPL 2.0/LGPL 2.1
  3.  *
  4.  * The contents of this file are subject to the Mozilla Public License Version
  5.  * 1.1 (the "License"); you may not use this file except in compliance with
  6.  * the License. You may obtain a copy of the License at
  7.  * http://www.mozilla.org/MPL/
  8.  *
  9.  * Software distributed under the License is distributed on an "AS IS" basis,
  10.  * WITHOUT WARRANTY OF ANY KIND, either express or implied. See the License
  11.  * for the specific language governing rights and limitations under the
  12.  * License.
  13.  *
  14.  * The Original Code is Mozilla Communicator client code, released
  15.  * March 31, 1998.
  16.  *
  17.  * The Initial Developer of the Original Code is
  18.  * Netscape Communications Corporation.
  19.  * Portions created by the Initial Developer are Copyright (C) 1998-2001
  20.  * the Initial Developer. All Rights Reserved.
  21.  *
  22.  * Contributor(s):
  23.  *   Joe Hewitt (hewitt@netscape.com)
  24.  *
  25.  * Alternatively, the contents of this file may be used under the terms of
  26.  * either the GNU General Public License Version 2 or later (the "GPL"), or
  27.  * the GNU Lesser General Public License Version 2.1 or later (the "LGPL"),
  28.  * in which case the provisions of the GPL or the LGPL are applicable instead
  29.  * of those above. If you wish to allow use of your version of this file only
  30.  * under the terms of either the GPL or the LGPL, and not to allow others to
  31.  * use your version of this file under the terms of the MPL, indicate your
  32.  * decision by deleting the provisions above and replace them with the notice
  33.  * and other provisions required by the GPL or the LGPL. If you do not delete
  34.  * the provisions above, a recipient may use your version of this file under
  35.  * the terms of any one of the MPL, the GPL or the LGPL.
  36.  *
  37.  * ***** END LICENSE BLOCK ***** */
  38.  
  39. /* ===== tree.css ===================================================
  40.   == Styles used by the XUL outline element.
  41.   ======================================================================= */
  42.  
  43. @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
  44.  
  45. /* ::::: tree ::::: */
  46.  
  47. tree {
  48.   margin: 0px 4px;
  49. /*  border: 2px solid;*/
  50. /*  -moz-border-top-colors: ThreeDShadow ThreeDDarkShadow;*/
  51. /*  -moz-border-right-colors: ThreeDHighlight ThreeDLightShadow;*/
  52. /*  -moz-border-bottom-colors: ThreeDHighlight ThreeDLightShadow;*/
  53. /*  -moz-border-left-colors: ThreeDShadow ThreeDDarkShadow;*/
  54.   background-color: -moz-Field;
  55.   color: -moz-FieldText;
  56. /*  -moz-appearance: listbox;*/
  57. }
  58.  
  59. /* ::::: tree focusring ::::: */
  60.  
  61. .focusring > .tree-rows > .tree-bodybox {
  62.   border: 1px solid transparent;  
  63. }
  64.  
  65. .focusring:focus > .tree-rows > .tree-bodybox {
  66.   border: 1px solid #000000;
  67. }
  68.  
  69.  
  70. /* ::::: tree rows ::::: */
  71.  
  72. treechildren::-moz-tree-row {
  73.   border: 1px solid transparent;
  74.   min-height: 18px;
  75.   height: 1.3em;
  76. }
  77.  
  78. treechildren::-moz-tree-row(selected) {
  79.   background-color: -moz-Dialog;
  80. }
  81.  
  82. treechildren::-moz-tree-row(selected, focus) {
  83.   background-color: Highlight;
  84. }
  85.  
  86. treechildren::-moz-tree-row(current, focus) {
  87.   border: 1px dotted Highlight;
  88. }
  89.  
  90. treechildren::-moz-tree-row(selected, current, focus) {
  91.   border: 1px dotted #F3D982;
  92. }
  93.  
  94. /* ::::: tree cells ::::: */
  95.  
  96. treechildren::-moz-tree-cell {
  97.   padding: 0px 2px 0px 2px;
  98. }
  99.  
  100. treechildren::-moz-tree-cell-text {
  101.   color: inherit;
  102. }
  103.  
  104. treechildren::-moz-tree-cell-text(selected) {
  105.   color: -moz-DialogText;
  106. }
  107.  
  108. treechildren::-moz-tree-cell-text(selected, focus) {
  109.   color: HighlightText;
  110. }
  111.  
  112.  
  113. /* ::::: lines connecting cells ::::: */
  114.  
  115. treechildren::-moz-tree-line {
  116.   border: 1px dotted ThreeDShadow;
  117. }
  118.  
  119. treechildren::-moz-tree-line(selected, focus) {
  120.   border: 1px dotted HighlightText;
  121. }
  122.  
  123.  
  124. /* ::::: tree separator ::::: */
  125.  
  126. treechildren::-moz-tree-separator {
  127.   border-top: 1px solid ThreeDShadow;
  128.   border-bottom: 1px solid ThreeDHighlight;
  129. }
  130.  
  131.  
  132. /* ::::: drop feedback ::::: */
  133.  
  134. treechildren::-moz-tree-cell-text(primary, dropOn) {
  135.   background-color: Highlight;
  136.   color: HighlightText;
  137. }
  138.  
  139. treechildren::-moz-tree-drop-feedback {
  140.   background-color: Highlight;
  141.   width: 50px;
  142.   height: 2px;
  143.   margin-left: 5px;
  144. }
  145.  
  146. /* ::::: tree progress meter ::::: */
  147.  
  148. treechildren::-moz-tree-progressmeter {
  149.   margin: 2px 4px;
  150.   border: 2px solid;
  151.   -moz-border-top-colors: ThreeDShadow -moz-Dialog;
  152.   -moz-border-right-colors: ThreeDHighlight -moz-Dialog;
  153.   -moz-border-bottom-colors: ThreeDHighlight -moz-Dialog;
  154.   -moz-border-left-colors: ThreeDShadow -moz-Dialog;
  155.   background-color: -moz-Dialog;
  156.   color: ThreeDShadow;
  157. }
  158.  
  159. treechildren::-moz-tree-progressmeter(progressUndetermined) {
  160.   list-style-image: url("chrome://global/skin/progressmeter/progressmeter-busy.gif");
  161. }
  162.  
  163. treechildren::-moz-tree-cell-text(progressmeter) {
  164.   margin: 2px 4px;
  165. }
  166.  
  167. /* ::::: tree columns ::::: */
  168.  
  169. treecol,
  170. treecolpicker {
  171.   -moz-appearance: treeheadercell;
  172.   -moz-box-align: center;
  173.   -moz-box-pack: center;
  174.   border: 2px solid;
  175.   -moz-border-top-colors: ThreeDHighlight ThreeDLightShadow;
  176.   -moz-border-right-colors: ThreeDDarkShadow ThreeDShadow;
  177.   -moz-border-bottom-colors: ThreeDDarkShadow ThreeDShadow;
  178.   -moz-border-left-colors: ThreeDHighlight ThreeDLightShadow;
  179.   background-color: -moz-Dialog;
  180.   color: -moz-DialogText;
  181.   padding: 0px 4px;
  182. }
  183.  
  184. .treecol-image {
  185.   padding: 0px 1px;
  186. }
  187.  
  188. .treecol-text {
  189.   margin: 0px !important;
  190. }
  191.  
  192. treecol[hideheader="true"] {
  193.   -moz-appearance: none;
  194.   border: none;
  195.   padding: 0;
  196. }
  197.  
  198. /* ..... internal box ..... */
  199.  
  200. treecol:hover:active,
  201. treecolpicker:hover:active {
  202.   border-top: 2px solid;
  203.   border-right: 1px solid;
  204.   border-bottom: 1px solid;
  205.   border-left: 2px solid;
  206.   -moz-border-top-colors: ThreeDShadow -moz-Dialog;
  207.   -moz-border-right-colors: ThreeDShadow;
  208.   -moz-border-bottom-colors: ThreeDShadow;
  209.   -moz-border-left-colors: ThreeDShadow -moz-Dialog;
  210.   padding: 1px 4px 0px 5px;
  211. }
  212.  
  213. .treecol-image:hover:active {
  214.   padding: 1px 1px 0px 2px;
  215. }
  216.  
  217. /* ::::: column drag and drop styles ::::: */
  218.  
  219. treecol[dragging="true"] {
  220.   -moz-border-top-colors: ThreeDDarkShadow transparent !important;
  221.   -moz-border-right-colors: ThreeDDarkShadow transparent!important;
  222.   -moz-border-bottom-colors: ThreeDDarkShadow transparent !important;
  223.   -moz-border-left-colors: ThreeDDarkShadow transparent !important;
  224.   background-color: ThreeDShadow !important;
  225.   color: ThreeDHighlight !important;
  226. }
  227.  
  228. treecol[insertafter="true"] {
  229.   -moz-border-right-colors: ThreeDDarkShadow ThreeDShadow;
  230. }
  231.  
  232. treecol[insertbefore="true"] {
  233.   -moz-border-left-colors: ThreeDDarkShadow ThreeDShadow;
  234. }
  235.  
  236. treechildren::-moz-tree-column(insertbefore) {
  237.   border-left: 1px solid ThreeDShadow;
  238. }
  239.  
  240. treechildren::-moz-tree-column(insertafter) {
  241.   border-right: 1px solid ThreeDShadow;
  242. }
  243.  
  244. /* ::::: sort direction indicator :::::  */
  245.  
  246. .treecol-sortdirection {
  247.   list-style-image: none;
  248. }
  249.  
  250. treecol:not([hideheader="true"]) > .treecol-sortdirection[sortDirection="ascending"] {
  251.   list-style-image: url("chrome://global/skin/tree/sort-asc.gif");
  252. }
  253.  
  254. treecol:not([hideheader="true"]) > .treecol-sortdirection[sortDirection="descending"] {
  255.   list-style-image: url("chrome://global/skin/tree/sort-dsc.gif");
  256. }
  257.  
  258. /* ::::: column picker :::::  */
  259.  
  260. .tree-columnpicker-icon {
  261.   list-style-image: url("chrome://global/skin/tree/columnpicker.gif");
  262. }
  263.  
  264. /* ::::: twisty :::::  */
  265.  
  266. treechildren::-moz-tree-twisty {
  267.   padding-right: 4px;
  268.   padding-top: 1px;
  269.   width: 9px; /* The image's width is 9 pixels */
  270.   list-style-image: url("chrome://global/skin/tree/twisty-clsd.png");
  271. }
  272.  
  273. treechildren::-moz-tree-twisty(open) {
  274.   width: 9px; /* The image's width is 9 pixels */
  275.   list-style-image: url("chrome://global/skin/tree/twisty-open.png");
  276. }
  277.  
  278. treechildren::-moz-tree-indentation {
  279.   width: 18px;
  280. }
  281.  
  282. /* ::::: gridline style ::::: */
  283.  
  284. treechildren.gridlines::-moz-tree-cell {
  285.   border-right: 1px solid transparent !important;
  286.   border-bottom: 1px solid transparent !important;
  287. }
  288.  
  289. treechildren.gridlines::-moz-tree-row {
  290.   border: none;
  291. }
  292.  
  293. treechildren::-moz-tree-image(Name) {
  294.   padding-right: 2px;
  295. }
  296.  
  297. treechildren::-moz-tree-image(Name) {
  298.   margin: 0px 2px;
  299.   list-style-image: url("chrome://global/skin/icons/folder-item.png") !important;
  300.   -moz-image-region: rect(0px, 16px, 16px, 0px);
  301. }
  302.  
  303. treechildren::-moz-tree-image(Name, container) {
  304.   -moz-image-region: rect(0px, 32px, 16px, 16px);
  305. }
  306.  
  307. treechildren::-moz-tree-image(Name, open) {
  308.   -moz-image-region: rect(16px, 32px, 32px, 16px);
  309. }
  310.  
  311. treechildren::-moz-tree-image(Name, separator) {
  312.   list-style-image: none;
  313.   width: 0px !important;
  314.   height: 0px !important;
  315.   margin: 0px 0px;
  316. }
  317.  
  318. treechildren::-moz-tree-cell-text(Name, separator) {
  319.   color: ThreeDShadow;
  320.   margin: 0px 5px 0px 5px;
  321. }
  322.  
  323. treechildren::-moz-tree-cell-text(Name, separator, selected, focus) {
  324.   color: HighlightText;
  325. }
  326.